<!DOCTYPE html>
<!-- 通过 xmlns:th=”http://www.thymeleaf.org“ 命令空间，将静态页面转换为动态的视图，
需要进行动态处理的元素,将使用“th:”前缀。 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>

    <link rel="stylesheet" href="webjars/bootstrap/3.4.1/css/bootstrap.css">
    <script src="webjars/jquery/3.6.0/jquery.js"></script>
    <script src="webjars/bootstrap/3.4.1/js/bootstrap.js"></script>

    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/head-logo.css">



</head>
<body>
<div class="container">
    <!--页眉-用户登录/注册-->
    <!--LOGO区域-->
   <div th:replace="head-logo :: head-logo"></div>

    <!--菜单导航区域-->
    <div th:replace="nav :: nav"></div>

    <!--小说主体内容区域-->
    <div class="content">
        <!--左侧-->
        <div class="content-left">
            <!-- 最新电子书区域 -->
            <div class="content-left-now">



                <div class="list-group novel-list">
                        <a  th:each=" item: ${indexInfo[1] }" th:href="@{/toNovelDetail(novelId=${item.novelId } ) }" class="list-group-item novel-list-item">
                            <span>【 [[ ${item.categories.cateName} ]]  】 [[${item.title } ]]</span>
                            <span>[[${item.pushTime }]]</span>
                        </a>
                </div>

            </div>

            <div class="content-left-hot">
                <div class="content-left-hot-box">
                    <div class="content-left-hot-title">
                        <span>双一流学院</span> <a th:href="@{/toCategory(cateId=1) } "> 更多>> </a>
                    </div>
                    <div class="content-left-hot-list">
                        <div class="left">

                                <div class="cate-img-box">
                                    <img th:src="${ indexInfo[2][0].photo}" style="width: 90px; height: 120px;">
                                    <span><a th:href="@{/toNovelDetail(novelId=${indexInfo[2][0].novelId } ) }">[[ ${ indexInfo[2][0].title}  ]]</a></span>
                                </div>

                                <div class="cate-img-box">
                                    <img th:src="${ indexInfo[2][1].photo}" style="width: 90px; height: 120px;">
                                    <span><a th:href="@{/toNovelDetail(novelId=${indexInfo[2][1].novelId} ) }">[[ ${ indexInfo[2][1].title}  ]]</a></span>
                                </div>

                        </div>
                        <div class="right">
                            <div class="list-group novel-list">

                                    <a  th:each=" item : ${indexInfo[2] }" th:href="@{/toNovelDetail(novelId=${item.novelId }  ) }" class="list-group-item novel-list-item"> <span>[[ ${item.title } ]]</span>
                                    </a>

                            </div>
                        </div>
                    </div>
                </div>


                <div class="content-left-hot-box">
                    <div class="content-left-hot-title">
                        <span>一本学院</span> <a th:href="@{/toCategory(cateId=4) }"> 更多>> </a>
                    </div>
                    <div class="content-left-hot-list">
                        <div class="left">

                                <div class="cate-img-box">
                                    <img th:src="${ indexInfo[3][0].photo}" style="width: 90px; height: 120px;">
                                    <span><a th:href="@{/toNovelDetail(novelId=${indexInfo[3][0].novelId } ) }">[[ ${ indexInfo[3][0].title} ]]</a></span>
                                </div>

                                <div class="cate-img-box">
                                    <img th:src="${ indexInfo[3][1].photo}" style="width: 90px; height: 120px;">
                                    <span><a th:href="@{/toNovelDetail(novelId=${indexInfo[3][1].novelId } ) }">[[ ${ indexInfo[3][1].title} ]]</a></span>
                                </div>

                        </div>
                        <div class="right">
                            <div class="list-group novel-list">

                                    <a  th:each=" item : ${indexInfo[3] }" th:href="@{/toNovelDetail(novelId=${item.novelId }) }" class="list-group-item novel-list-item"> <span> [[ ${item.title } ]] </span>
                                    </a>

                            </div>
                        </div>
                    </div>
                </div>




            </div>
        </div>
        <!--右侧-->
        <div th:replace="rank::rank"></div>
    </div>


    <!--页尾 版本声明区域-->

</div>
</body>
</html>